@import "../../libs/weui.css";
html,
body {
  width: 100%;
  height: 100%;
  font: normal normal normal 14px/22px 'microsoft yahei';
  margin: 0;
}
ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  text-decoration: none;
}
.tabs {
  position: relative;
  width: 100%;
  height: 50px;
  border-bottom: 2px solid #387FC8;
  background-color: #f1f1f1;
}
.tabs ul {
  width: 100%;
  height: 100%;
  list-style: none;
}
.tabs ul li {
  float: left;
  width: 85px;
  height: 100%;
  list-style: none;
  border-right: 1px solid #bbb;
}
.tabs ul li a {
  width: 100%;
  height: 100%;
  text-align: center;
  font: normal normal normal 16px/50px 'microsoft yahei';
  display: inline-block;
  text-decoration: none;
}
.tabs ul li a.focus,
.tabs ul li a:hover,
.tabs ul li a:active {
  text-decoration: none;
}
.tabs ul li.action a {
  color: #387FC8;
  background-color: #fff;
}
.tabs ul li.action a:active {
  background-color: #fff;
}
.tabs ul li:not(.action) a {
  color: #000;
  background: transparent;
}
.tabs ul li:not(.action) a:active {
  background-color: #f5f5f5;
}
a {
  text-decoration: none;
}
header {
  position: relative;
  width: 100%;
  height: 40px;
  background: #0092D7;
}
header .logo {
  width: 100%;
  height: 100%;
  float: left;
  text-align: center;
}
header .logo .title {
  margin-left: -60px;
  color: #fff;
  font: normal normal normal 16px/40px 'microsoft yahei';
}
header .logo a {
  float: left;
  margin: 0 15px;
  color: #fff;
  font: normal normal normal 16px/40px 'microsoft yahei';
  text-decoration: none;
}
.fly-top {
  position: fixed;
  bottom: 30px;
  right: 10px;
  display: none;
}
.fly-top a {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  background: #ffffff url(imgs/up.png) no-repeat center center;
}
.container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.container .legend {
  width: 100%;
  height: 100px;
  margin: 20px 0;
  background: #ededed;
}
.container .legend > .lbl {
  width: 60px;
  height: 100%;
  float: left;
  font: normal normal normal 13px/33px 'microsoft yahei';
  text-align: center;
}
.container .legend > .lbl span {
  margin-left: 15px;
}
.container .legend > .full {
  width: 80px;
  height: 100%;
  float: right;
  font: normal normal normal 13px/33px 'microsoft yahei';
  text-align: center;
}
.container .legend .content {
  width: 180px;
  height: 100%;
  float: left;
  font: normal normal normal 13px/33px 'microsoft yahei';
}
.container .legend .content .row {
  width: 100%;
  height: 30px;
}
.container .legend .content .row .color {
  width: 30px;
  height: 8px;
  display: inline-block;
}
.container .legend .content .row .description {
  display: inline-block;
}
.container .zonghe {
  width: 100%;
  height: 100px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.container .zonghe .lbl {
  width: 110px;
  height: 100%;
  float: left;
  font: normal normal 700 16px/100px 'microsoft yahei';
  border-right: 1px solid #999;
}
.container .zonghe .lbl span {
  margin-left: 15px;
}
.container .zonghe .content {
  position: relative;
  min-width: 180px;
  height: 100%;
  float: left;
  font: normal normal normal 12px/26px 'microsoft yahei';
}
.container .zonghe .content .row {
  width: 100%;
  height: 26px;
}
.container .zonghe .content .row .s {
  height: 8px;
  display: inline-block;
  margin-left: 8px;
  margin-top: 17px;
}
.container .zonghe .content .row .s1 {
  width: 60%;
}
.container .zonghe .content .row .s2 {
  width: 50%;
}
.container .zonghe .content .row .s3 {
  width: 55%;
}
.container .zonghe .content .row .des {
  margin-left: 5px;
  display: inline-block;
}
.container .seperate {
  width: 100%;
  height: 40px;
  background: #e4e4e4;
  font: normal normal 700 16px/40px 'microsoft yahei';
  border-bottom: 1px solid #999;
}
.container .seperate span {
  margin-left: 15px;
}
.container .branch {
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #999;
}
.container .branch .lbl {
  width: 110px;
  height: 100%;
  float: left;
  font: normal normal 700 14px/100px 'microsoft yahei';
  border-right: 1px solid #999;
  color: #666;
}
.container .branch .lbl span {
  margin-left: 15px;
}
.container .branch .content {
  position: relative;
  min-width: 180px;
  height: 100%;
  float: left;
  font: normal normal normal 12px/26px 'microsoft yahei';
}
.container .branch .content .row {
  width: 100%;
  height: 26px;
}
.container .branch .content .row .s {
  height: 8px;
  display: inline-block;
  margin-left: 8px;
  margin-top: 17px;
}
.container .branch .content .row .s1 {
  width: 60%;
}
.container .branch .content .row .s2 {
  width: 50%;
}
.container .branch .content .row .s3 {
  width: 55%;
}
.container .branch .content .row .des {
  margin-left: 5px;
  display: inline-block;
}
.c-blue {
  background-color: #69D2E7;
}
.c-yellow {
  background-color: #bbb;
}
.c-brown {
  background-color: #666;
}
